<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" template="/templates/ui.xhtml"
	xmlns:p="http://primefaces.prime.com.tr/ui">

	<ui:define name="content">
		<div class="feature bg7">
			<h1 class="title">Input your information</h1>
			<h:form>
				<h:panelGrid border="0" columns="2">
					<h:outputText value="Last Name: "></h:outputText>
					<p:inputText id="lname" required="true"
						value="#{adduserBean.lastName}"></p:inputText>
					<h:outputText value="First Name: "></h:outputText>
					<p:inputText id="fname" required="true"
						value="#{adduserBean.firstName}"></p:inputText>
					<h:outputText value="Email: "></h:outputText>
					<p:inputText id="email" required="true"
						value="#{adduserBean.email}"></p:inputText>
					<h:outputText value="Pick a Date: "></h:outputText>
					<p:calendar value="#{adduserBean.birthday}" />  
				</h:panelGrid>

				<p:commandButton value="Add New User" ajax="false"
					action="#{adduserBean.addUser}" />
					
				<p:dialog header="Selected Dates" widgetVar="dialog" 
					showEffect="fold" hideEffect="fold"
					height="150">
			
					<h:panelGrid id="display" columns="2" cellpadding="5">
							
					<h:outputText value="Popup Date:" />
					<h:outputText value="#{adduserBean.birthday}">
						<f:convertDateTime pattern="MM/dd/yyyy"/>
					</h:outputText>
					
		
				</h:panelGrid>
				
			</p:dialog>
				
			</h:form>
		</div>
	</ui:define>
</ui:composition>